<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="css/amazeui.min.css" />
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="js/amazeui.min.js"></script>
		<link rel="stylesheet" href="css/login.css" />
		<link rel="stylesheet" href="css/mui.min.css" />
		<script type="text/javascript" src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/login.js"></script>
		<title></title>
	</head>
	<body>
		<div class="am-g" style="margin-top: 30px">
			<div style="width: 1200px; margin: 0 auto">
				<div class="logo">
					<img src="img/logo.png" />
				</div>
				<div style="float: right; margin-right: 60px; margin-top: 18px">
					<span style="
              float: right;
              font-size: 12px;
              margin-left: 5px;
              color: #7d7d7d;
            ">
						<span style="
                background-image: url(img/massageicon.png);
                width: 20px;
                height: 20px;
                margin-top: 4px;
                float: left;
                background-repeat: no-repeat;
                margin-right: 8px;
              "></span>对登录页面的建议
					</span>
				</div>
			</div>
		</div>
		<div class="am-g content" style="margin-top: 43px">
			<div style="width: 1200px; margin: 0 auto; position: relative; z-index: 999">
				<div class="loginDiv" style="display: block" id="login">
					<div class="am-u-sm-12" style="padding-right: 0rem">
						<img src="img/erweima.png" style="float: right; height: 58px" id="loginimg" />
					</div>
					<div class="am-u-sm-12" style="padding-left: 30px; padding-right: 30px">
						<h4 style="font-weight: normal">欢迎登录</h4>
						<span class="left1"></span>
						<input type="text" class="am-form-field" placeholder="邮箱/手机号/用户名" style="padding-left: 50px; margin-top: 48px; font-size: 12px" name="user_id" />
					</div>
					<div class="am-u-sm-12" style="margin-top: 21px; padding-left: 30px; padding-right: 30px">
						<span class="left2"></span>
						<input type="password" class="am-form-field" placeholder="请输入密码" style="padding-left: 50px; font-size: 12px" name="user_pass" />
					</div>
					<div class="am-u-sm-12" style="
              margin-top: 12px;
              padding-left: 30px;
              padding-right: 30px;
              font-size: 12px;
              color: #757575;
            ">
						<input type="checkbox" style="margin-top: 1px; vertical-align: middle" />
						<span style="
                margin-bottom: -1px;
                margin-left: 10px;
                font-size: 12px;
                vertical-align: middle;
              ">自动登录</span>
					</div>
					<div class="am-u-sm-12" style="margin-top: 45px; padding-left: 30px; padding-right: 30px">
						<button type="button" class="am-btn am-btn-warning" style="width: 100%; border-radius: 5px; font-size: 16px">
							登录
						</button>
					</div>
					<div class="am-u-sm-12" style="padding-left: 30px; padding-right: 30px">
						<p style="
                width: 100%;
                margin-top: 15px;
                font-size: 12px;
                color: #333333;
              ">
							忘记登录密码
							<span style="float: right">免费注册</span>
						</p>
					</div>
				</div>
				<div class="loginDiv" style="display: none" id="erm">
					<div class="am-u-sm-12" style="padding-right: 0rem">
						<img src="img/pc_2.png" style="float: right" id="ermimg" />
					</div>
					<div class="am-u-sm-12" style="
              padding-left: 30px;
              padding-right: 30px;
              margin-top: 30px;
              text-align: center;
            ">
						<h4>手机扫码，安全登录</h4>
					</div>
					<div class="am-u-sm-12" style="
              padding-left: 30px;
              padding-right: 30px;
              margin-top: 50px;
              text-align: center;
            ">
						<img src="img/aerweima.png" />
					</div>
					<div class="am-u-sm-12" style="
              margin-top: 50px;
              padding-left: 30px;
              padding-right: 30px;
              text-align: center;
            ">
						<p style="font-size: 14px">请使用鲨鱼闲置网客户端扫描二维码登录</p>
						<p style="text-align: center">
							<span style="
                  background-image: url(img/Download-512.png);
                  float: left;
                  width: 20px;
                  height: 20px;
                  margin-top: 5px;
                  background-repeat: no-repeat;
                  margin-left: 100px;
                "></span>
							<a style="float: left; font-size: 12px"> 下载鲨鱼闲置客户端</a>
						</p>
					</div>
					<div class="am-u-sm-12" style="
              margin-top: 10px;
              padding-left: 30px;
              padding-right: 30px;
              margin-bottom: 100px;
            "></div>
				</div>
			</div>
		</div>
		<div class="am-g" style="margin-top: 81px; text-align: center; font-size: 12px">
			<div class="bottomLine" style="
          border-bottom: 1px solid #ccc;
          border-top: 1px solid #ccc;
          padding-top: 8px;
          margin: 0 auto;
          width: 700px;
          height: 35px;
        ">
				<span style="
            float: left;
            word-spacing: 0.52rem;
            text-align: center;
            width: 100%;
          ">关于我们 | 联系我们 | 商家入驻 | 友情链接 | 站点地图 | 手机商城 |
					销售联盟 | 商城社区 | 企业文化 | 帮助中心
				</span>
			</div>
		</div>
		<div class="am-g">
			<div class="bot" style="margin-bottom: 49px; color: #7b6f5b">
				<div style="margin: 0 auto; width: 700px; height: 30px">
					<p style="font-size: 12px; float: left; line-height: 10px">
						© &nbsp;2005-2016 鲨鱼闲置网 版权所有 ，并保留所有权利

						<span style="margin-left: 30px">鲨鱼闲置 QQ ：1209555216 </span>
						<span style="margin-left: 20px">E-mai：1209555216@qq.com</span>
					</p>
				</div>
			</div>
		</div>
	</body>
</html>